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hyperColor Scheme 


hyperColor Scheme is a tool for working with RGB and HEX color systems. It allows you 
to convert RGB colors to “web” colors, sample a particular color from anywhere in your 
screen and create and organize color schemes for your projects. The program will also 
generate HTML body tags that can be pasted into your HTML document. hyperColor 


Scheme allows the web designer and programmer to simplify and organize their workflow. 
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Color Tools Palette 
Use this palette to select colors, mix colors using the color models, get RGB/HEX color 
conversions, and access the “pixel spy” functions. The color tools palette is divided into 
several functional areas: 


The Color Area 


Your current color is displayed in the “bar” at the bottom of this |G 
area. Use the Color Models button to access the various color 
mixing tools (ie: HLS, CMYK, Crayon Color Picker, etc.) 


Or, click the Eyedropper Palette button to access the pixel spy 
functions of hyperColor Scheme. At the lower left corner of your 
screen should appear the Eyedropper Palette. Click and hold 
down on the Eyedropper tool, then drag the Eyedropper around 
your screen to “spy” color from any visible pixel on your monitor. 


Or, use the provided Websafe Color Swatches palette to immediately choose a color 
that will work correctly with any computer platform and browser. 


Numeric Mixer Area 
The numeric readouts at the top right allow quick color conversions between RGB and 
HEX values. 


RGB Sliders Area 

Use these sliders to mix colors. Grab a slider and drag it, or click on the slider line to 
choose colors in increments. Or, click on the HEX numbers below the slider lines to 
quickly move the sliders back and forth. 


Copy Color to Clipboard 


The button at the bottom center of this area will copy the current color’s HEX value to 
the clipboard so that it can be pasted into HTML code. 
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The Mac OS X 
version allows you 
to keep the “Color 
Sampler” tool in the 
foreground even 
when hyperColor 
Scheme is in the 
background 
allowing you to 
sample pixel colors 
virtually at any 
time. This can be 
disabled in 


Preferences. 


hyperColor Scheme Ver. 1.0 
Page 3 of 4 


Color Scheme Document Window 


Use this window to develop, preview and store color schemes for your HTML or 
programming documents. After your color scheme is finished and saved, you can copy 
the HTML body tag to the clipboard and paste the code into your HTML documents. 
You can also store and recall color schemes from past projects. 


The Color Swatches Area 

Use this palette area to organize and store color schemes for projects. The default 
colors are: 

Background Color (BGround) 

Text (Text) 

Standard Link (Link) 

Visited Link (vLink) 

Active Link (aLink) 


You can also add your own custom colors using the Create New Swatch button. The 
color schemes are stored as text files. Use File-Open in the application menus to open 
previously saved color schemes. Up to 3 color schemes may be open at any one time. 
Each color scheme can hold as many as 20 colors, including the 5 default colors. 


To Save a newly created color scheme file, use the menu item File-Save As. If the file 
already exists, use File-Save (Command + ‘S’). 


Control Buttons 

These buttons allow you to add new colors to your scheme, copy the HTML tags to the 
clipboard, delete color swatches from a scheme, and rename your custom color 
swatches. See diagram below for details. 


Preview Area 
This part of the palette displays a simplified preview of your color scheme. 
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Note: All color swatches on hyperColor Scheme support drag & drop. Colors can be 
dragged from one swatch to another, dragged onto your desktop for text clippings of 
their Hex value, or drag them straight into your text editor. 


All hyperColor Scheme documents you save can also be opened in any browser to 
preview saved color schemes. 
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Preferences 
There are several preferences you can set: 


Default Colors 
Set the 5 default colors new documents will use. 


Show Color Sampler at Startup 
Toggle whether or not the Eyedropper palette is visible on program startup. 


Show Tooltips 
Turn Tooltips on or off. 


HTML Case 
Set whether the program uses UPPER CASE or lower case for HTML tags. 


Quotes 
Here you can set what type of quotes hyperColor Scheme uses when generating HTML 
code. You can choose Single Quotes, Double Quotes or None. 


— Preferences — 


Default Colors Windows /Files 


BGround Text Link 
*FFFFFF *900000 *OO00FF 


[ia vLink [al aLink 
*9900CC *FFOOOO 
| Copy Current Colors | 
Restore Defaults | 


Troubleshooting 
If you run into additional problems with your application or need further 
information, please email techsupport@code-line.com. 
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